<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p{
				background-color: blue;
			}
			table
  {
  	width:100%;
  border-collapse:collapse;
  }
  td
  {
  text-align:center;
  height:50px;
  vertical-align:center;
  padding:15px;
  }
th
  {
  height:50px;
  background-color:green;
  color:white;
  }
table,th, td
  {
  /*border: 1px solid black;*/
 border:1px solid green;
  }
		</style>
	</head>
	<body class="b1" contenteditable="true">
		<h1>This is a heading</h1>
		<h2>This is a heading</h2>
		<h3>This is a heading</h3>
		<p>This is a paragraph.</p>
		<p>This is another paragraph.</p>
		1、相对地址超链接<br />
			链接项目内部网页<br />
<a href=”内部网页相对目录及文件名称”  target=”目标窗口名称”>超链接名称</a><br />
2、绝对地址超链接，http://开头的链接名称<br />
<a href=”http://外部网页相对目录及文件名称”  target=”目标窗口名称”>超链接名<br />
<a href="http://www.isoftstone.com.cn">This is a link</a><br />
<a name="tips">基本的注意事项 - 有用的提示</a><br />
<a href="#tips">有用的提示</a><br />
<table border="1">
	<tr>
		<th>学生</th>
		<th>成绩</th>
	</tr>
	<tr>
		<td>张三</td>
		<td>100</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>70</td>
	</tr>
</table>
<table style="border: 1px solid blue;">
		<tr class="t2">
			<td>0.0</td>
			<td colspan="2">0,10,2</td>
			<td>0.3</td>

		</tr>
		<tr class="t1">
			<td>1.0</td>
			<td>1.1</td>
			<td>1.2</td>
			<td>1.3</td>
		</tr>
		<tr class="t2">
			<td>2.0</td>
			<td>2.1</td>
			<td colspan="2">2.2|2.3</td>

		</tr>
	</table>
	<table>
		<tr class="t2">
			<td>0.0</td>
			<td rowspan="2">0.11.1</td>
			<td>0.2</td>
			<td style="width:100px;">0.3</td>
		</tr>
		<tr class="t1">
			<td>1.0</td>

			<td>1.2</td>
			<td rowspan="2">1.3|--|2.3</td>
		</tr>
		<tr class="t2">
			<td>2.0</td>
			<td>2.1</td>
			<td>2.2</td>

		</tr>
	</table>
	<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
<table border="1">
  <colgroup>
    <col span="1" style="background-color:#EEF"> 
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<ol>
		<li>Coffee</li>
		<li>Milk</li>
	</ol>
	<dl>
	<dt>Coffee</dt>
	<dd>Black hot drink</dd>
	<dt>Milk</dt>
	<dd>White cold drink</dd>
</dl>
<div style="float: left;background-color: #ffee00;width: 325px; cursor: pointer;"> 
  	<img src="left/QuickNotes_00.jpg"/> 
  </div>
  <iframe src="demo_iframe.htm" frameborder="0"></iframe>
  <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a">sohu</a></p>
	</body>
</html>
